html {
  width: 300px;

  #app {
    width: 100%;
    position: relative;

    #edit::-webkit-scrollbar {
      width: 8px;
      height: 8px;
      /**/
    }
    #edit::-webkit-scrollbar-track {
      background: rgb(239, 239, 239);
      border-radius: 2px;
    }
    #edit::-webkit-scrollbar-thumb {
      background: #bfbfbf;
      border-radius: 10px;
    }
    #edit::-webkit-scrollbar-thumb:hover {
      background: #333;
    }
    #edit::-webkit-scrollbar-corner {
      background: #179a16;
    }

    #edit {
      width: 100%;
      height: 100px;
      min-height: 53.6px;
      display: block;
      resize: vertical;
      padding: 5px 15px;
      line-height: 1.5;
      box-sizing: border-box;
      font-size: inherit;
      color: #606266;
      background-color: #fff;
      background-image: none;
      border: 1px solid #dcdfe6;
      transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
      font-family: inherit;
      font-size: 12px;
      resize: none;
    }

    #copy {
      width: 20px;
      height: 20px;
      fill: rgb(145, 145, 145);
      flex-shrink: 0;
      margin-left: 2px;
      transition: fill 0.2s linear 0s;
      position: absolute;
      bottom: 4px;
      right: 24px;
      z-index: 12;
      cursor: pointer;
      opacity: 0.6;
    }

    #copy:active {
      opacity: 1;
    }

    #extract {
      padding: 12px;
      border: 1px solid #09f;
      margin-bottom: 12px;
      margin-top: 12px;
      margin-left: 12px;
      cursor: pointer;
      width: fit-content;
      border-radius: 12px;
    }

    #extract:hover {
      color: #fff;
      background-color: #09f;
    }
  }
}
